<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    // 箭头函数分为以下几种情况:
    // - 只有一个参数 并函数体是一句话的时候
    // {
    //     // es5
    //     const fn = function(){
    //         return 100;
    //     }
    //
    //     // 箭头函数
    //     const fn2 = ()=>{
    //         return 100;
    //     }
    //
    //     // 箭头函数简写
    //     const fn3 = ()=>100;// fn3是一个函数，函数返回的值是100
    //     console.log(fn3())
    // }

    // - 没有参数或者多个参数的时候，参数的括号不能省略
    // {
    //     // es5
    //     // const fn = function (a, b) {
    //     //     return a + b;
    //     // }
    //
    //     // es6
    //     // const fn = (a, b) =>  a + b;
    //
    //     // 如果只有一个参数那么（）可以省略
    //     // es5
    //     // const fn = function (a) {
    //     //     return a + 100;
    //     // }
    //     // es6
    //     const fn =  a => a + 100;// 声明了一个函数，该函数接收参数a,返回的值是a+100
    //     console.log(fn(10))
    // }


    // - 当函数体不是一句话的时候，花括号 不可以省略
    // - 如果函数体内只有一行代码，该行代码返回的是对象的话，可以使用括号。
    {
        // es5
        // const fn = function(){
        //     return {
        //         a:1,
        //         b:2
        //     }
        // }

        // es6
        const fn = () => ({
            a:1,
            b:2
        })
        console.log(fn())

    }
</script>
</html>